<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义属性</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("#del").click(function(){
                console.log("id属性值:"+$(this).attr("data-id"));
                console.log("name属性值:"+$(this).attr("data-name"));
                console.log("salary属性值:"+$(this).attr("data-salary"));
            });
        })
    </script>
</head>
<body>
<!--
    自定义属性一般以data-xxx进行命名
    主要用于接收后端服务器传递过来的数据
    在JavaScript中可以当做DOM属性来处理
-->
<a href="javascript:;" id="del" data-id="1" data-name="admin" data-salary="8000.0">删除</a>
</body>
</html>